<script lang="ts" setup>
import { MuiPaper } from '~/components-business/mui-paper';
import DepositBonus from '../promo/pack/components/DepositBonus.vue';
import WelcomeBonus from '../promo/pack/components/WelcomeBonus.vue';
import { Banner, GameConsole, GameMenu, History, StatisticsGame, SupportedCurrencies } from './components';
import WithdrawLive from './components/WithdrawLive.vue';
</script>

<template>
  <div>
    <div class="-mx-4 -mt-4 lt-tabletl:mb-3 lt-tablet:(-mx-3 -mt-3)">
      <WithdrawLive class="pl-1" />
    </div>
    <div class="mx-auto mb-5 max-w-[1480px]">
      <Banner />
    </div>
    <div class="relative page-content-w">
      <SupportedCurrencies />
      <WelcomeBonus />
      <StatisticsGame />
      <GameMenu />
      <GameConsole />
      <History class="z-2" />
      <DepositBonus />
      <MuiPaper />
    </div>
  </div>
</template>
